    /* layout5.css */
    * {
        font-size: 26px;
        margin: 0 auto;
        padding: 0px;
    }

    #container {
        width: 100%;
        height: 700px;
        margin: 50px;
    }

    #header {
        width: 100%;
        height: 200px;
        margin: 20px;
    }

    #logo {
        background: #99ffcc;
        width: 100%;
        height: 98px;
        border-bottom: 10px solid #f71616;
    }

    #nav {
        background: #FFDD99;
        width: 1400px;
        height: 50px;
        padding: 5px;
    }
    #nav ul {
        list-style-type: none; /* 去掉默认的列表样式 */
        margin: 0;
        padding: 0;
        display: flex; /* 使用 Flexbox 布局 */
        justify-content: space-around; /* 均匀分布导航项 */
    }
    
    #nav ul li {
        display: inline-block; /* 将 li 设置为行内块元素 */
    }
    
    #nav ul li a {
        display: block; /* 将 a 设置为块元素 */
        padding: 5px 5px; /* 添加内边距 */
        text-decoration: none; /* 去掉下划线 */
        color: #333; /* 设置文字颜色 */
    }
    
    #nav ul li a:hover {
        background: #ddd; /* 设置悬停时的背景颜色 */
    }

    #main {
        background: #33DD55;
        width: 100%;
        height: 500px;
        margin: 10px;
    }

    #left {
        background: #33FBFB;
        width: 33%;
        height: 100%;
        float: right;
    }

    #left_up_1 {
        background: #99BBDD;
        width: 100%;
        height: 125px;
    }

    #left_up_2 {
        background: #AABBCC;
        width: 100%;
        height: 125px;
    }

    #left_down_1 {
        background: #BBCCDD;
        width: 100%;
        height: 125px;
    }

    #left_down_2 {
        background: #CCDDEE;
        width: 100%;
        height: 125px;
    }

    #center {
        background: #88FBFB;
        width: 34%;
        height: 100%;
        float: right;
    }

    #center_up {
        background: #66ff66;
        width: 100%;
        height: 200px;
    }

    #center_down {
        background: #45DD22;
        width: 100%;
        height: 300px;
    }

    #right {
        background: #DDFBFB;
        width: 33%;
        height: 100%;
        float: right;
    }

    #right_up {
        background: #55DDFB;
        width: 100%;
        height: 150px;
    }

    #right_down {
        background: #667733;
        width: 100%;
        height: 350px;
    }

    #footer {
        background: #DDDD11;
        width: 100%;
        height: 50px;
    }